<!-- 
 逻辑代码 写 函数 定义数据
 setup：用 Vue 提供的一种 语法糖【简化 的 写法】
 lang="ts" 内部的语言是 TypeScript
-->
<script setup lang="ts"> 
// 定义数据
const food='56526126'
const dog={
  name:"tom",
  color:"RED",
  age:18
}
</script>
<!-- 结构 -->
<template>
  <div>{{ food }}</div>
  <span>
    <h1>{{ dog }}</h1>
    <h1>{{ dog.name }}</h1>
  </span>
</template>
<!-- 样式 -->
<style scoped>
div{
  background-color: aquamarine;
}
h1{
  background-color: bisque;
}
</style>
